<template>
  <el-container>
    <el-main>
      <div ref="content" class="containers">
        <div ref="canvas" class="canvas" />
        <div id="js-properties-panel" class="panel" />
      </div>
    </el-main>
    <el-footer>
      <el-button size="mini" type="primary" @click="exportDiagram()">保存流程图</el-button>
    </el-footer>
  </el-container>
</template>
<script src="../../app/bpmn/cmmn-modeler.js"></script>
<style>
.el-container {
	position: absolute;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
}
.el-footer {
	height: 50px;
	text-align: center;
}
.containers {
	position: absolute;
	background-color: #ffffff;
	width: 100%;
	height: 90%;
}
.canvas{
	width: 100%;
	height: 100%;
}
.panel{
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
}
</style>
